<template>
  <div class="Authentication">
    <h4>身份证</h4>
    <ul>
      <li @click="link"><i class="iconfont icon-zhengjian"></i> 二代身份证 <i class="iconfont icon-fanhui"></i></li>
    </ul>
    <h4>其他</h4>
    <ul @click="link">
      <li>护照 <i class="iconfont icon-fanhui"></i></li>
      <li>台湾居民来往大陆通行证 <i class="iconfont icon-fanhui"></i></li>
      <li>港澳居民来往大陆通行证 <i class="iconfont icon-fanhui"></i></li>
    </ul>
  </div>
</template>
<script>
  export default{
      name:'Authentication',
      data(){
          return{
              msg:'身份认证'
          }
      },
    methods:{
          link(){
              this.$router.push('/AuthenticationUpload')
          }
      }
  }
</script>
<style scoped>
.Authentication h4{font-weight: 100;padding:1.2rem 1rem .6rem;color:#999;}
.Authentication li{position:relative;background: #fff;padding:1.2rem 1rem;line-height:18px;margin-bottom: 1px;}
i.icon-zhengjian{color:#ffd997;font-size: 2rem;vertical-align: middle;}
i.icon-fanhui{position:absolute;top:50%;right:1rem;font-size: 1rem;margin-top: -8px;}
</style>
